<template>
<div class="public-common">
    <!--业务办理 && 车辆年度安检-->
    <div class="public-title">车辆年度安检</div>
    <div class="public-searchbox">
        <el-form label-width="90px" size="mini" style="overflow:hidden;height:28px;">
            <el-row>
                <el-col :span="8">
                    <el-form-item label="车牌号">
                        <el-select v-model="form.carid" filterable clearable placeholder="请选择" size="mini" style="width:100%">
                            <el-option
                            v-for="item in select.carids"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                            </el-option>
                        </el-select>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="" label-width="10px">
                        <el-button type="warning" size="mini"  icon="el-icon-printer">打印</el-button>
                    </el-form-item>                    
                </el-col>
            </el-row>            
        </el-form>
    </div>
    <el-scrollbar class="public-scroll" style="height:calc(100% - 85px)">
        <div class="printtable">
            <h3>西安市出租汽车车辆（企业）年度综合安检表</h3>
            <div class="table-info"><span style="float:right;">填表日期：2019年 10月 23日</span>单位(盖章)：管理处</div>
            <table>
                <tr>
                    <td class="font-bold">车号</td>
                    <td colspan="2">{{form.carid}}</td>
                    <td class="font-bold">车辆性质</td>
                    <td>{{form.cartype}}</td>
                </tr>
                <tr>
                    <td class="font-bold">道路运输证号</td>
                    <td >{{form.carid}}</td>
                    <td class="font-bold">发动机号</td>
                    <td colspan="2">{{form.cartype}}</td>
                </tr>
                <tr>
                    <td class="font-bold" colspan="2">《经营权证书》记载起止年月日</td>
                    <td colspan="3" align="center">{{form.starttime}}(起)<span style="padding-left:20px;">{{form.endtime}}(止)</span></td>
                </tr>
                <tr>
                    <td class="font-bold" colspan="4" align="center">审验项目</td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td colspan="4" >
                        <el-checkbox-group v-model="form.check1" style="float:right">
                            <el-checkbox label="是" style="margin:0 20px 0 0;"></el-checkbox>
                            <el-checkbox label="否" style="margin:0;"></el-checkbox>
                        </el-checkbox-group>
                        1.公安部门进行过定期安全技术检验合格车辆及有效行驶证
                    </td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td colspan="4" >
                        <el-checkbox-group v-model="form.check2" style="float:right">
                            <el-checkbox label="是" style="margin:0 20px 0 0;"></el-checkbox>
                            <el-checkbox label="否" style="margin:0;"></el-checkbox>
                        </el-checkbox-group>
                        2.按国家规定安装安全防范装置并配备合格的消防器材
                    </td>
                    <td rowspan="4">
                        <div>审验人签字
                            <div class="datetime" style="margin-top:50px;"><span>年</span><span>月</span><span>日</span></div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td colspan="4" >
                        <el-checkbox-group v-model="form.check3" style="float:right">
                            <el-checkbox label="是" style="margin:0 20px 0 0;"></el-checkbox>
                            <el-checkbox label="否" style="margin:0;"></el-checkbox>
                        </el-checkbox-group>
                        3.天然气钢瓶及供气、减压、转换系统审验合格
                    </td>
                </tr>
                <tr>
                    <td colspan="4" >
                        <el-checkbox-group v-model="form.check4" style="float:right">
                            <el-checkbox label="是" style="margin:0 20px 0 0;"></el-checkbox>
                            <el-checkbox label="否" style="margin:0;"></el-checkbox>
                        </el-checkbox-group>
                        4.严禁使用“光板”轮胎
                    </td>
                </tr>
                <tr>
                    <td colspan="4" >
                        <el-checkbox-group v-model="form.check5" style="float:right">
                            <el-checkbox label="是" style="margin:0 20px 0 0;"></el-checkbox>
                            <el-checkbox label="否" style="margin:0;"></el-checkbox>
                        </el-checkbox-group>
                        5.发动机仓内干净整洁、无油泥阻止散热
                    </td>
                </tr>
                <tr>
                    <td colspan="4" >
                        <el-checkbox-group v-model="form.check6" style="float:right">
                            <el-checkbox label="是" style="margin:0 20px 0 0;"></el-checkbox>
                            <el-checkbox label="否" style="margin:0;"></el-checkbox>
                        </el-checkbox-group>
                        6.为乘客服务的空调、音响等设备性能完好
                    </td>
                    <td rowspan="6">
                        <div>审验人签字
                            <div class="datetime" style="margin-top:50px;"><span>年</span><span>月</span><span>日</span></div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td colspan="4" >
                        <el-checkbox-group v-model="form.check7" style="float:right">
                            <el-checkbox label="是" style="margin:0 20px 0 0;"></el-checkbox>
                            <el-checkbox label="否" style="margin:0;"></el-checkbox>
                        </el-checkbox-group>
                        7.前、后灯光的照明亮度符合安全行车性能标准
                    </td>
                </tr>
                <tr>
                    <td colspan="4" >
                        <el-checkbox-group v-model="form.check7" style="float:right">
                            <el-checkbox label="是" style="margin:0 20px 0 0;"></el-checkbox>
                            <el-checkbox label="否" style="margin:0;"></el-checkbox>
                        </el-checkbox-group>
                        8.车载GPS、头枕LED、智能顶灯显示屏完好无损
                    </td>
                </tr>
                <tr>
                    <td colspan="4" >
                        <el-checkbox-group v-model="form.check7" style="float:right">
                            <el-checkbox label="是" style="margin:0 20px 0 0;"></el-checkbox>
                            <el-checkbox label="否" style="margin:0;"></el-checkbox>
                        </el-checkbox-group>
                        9.《计价器强制检定周检册》是否年检、打印票据是否清晰
                    </td>
                </tr>
                <tr>
                    <td colspan="4" >
                        <el-checkbox-group v-model="form.check7" style="float:right">
                            <el-checkbox label="是" style="margin:0 20px 0 0;"></el-checkbox>
                            <el-checkbox label="否" style="margin:0;"></el-checkbox>
                        </el-checkbox-group>
                        10.营运车辆是否脱保
                    </td>
                </tr>
                <tr>
                    <td colspan="4" >
                        <el-checkbox-group v-model="form.check7" style="float:right">
                            <el-checkbox label="是" style="margin:0 20px 0 0;"></el-checkbox>
                            <el-checkbox label="否" style="margin:0;"></el-checkbox>
                        </el-checkbox-group>
                        11.车辆违章或投诉是否有规定未接受处理的
                    </td>
                </tr>
                <tr>
                    <td colspan="3" >
                        <div>
                            企业安技部门意见：
                            <div style="margin-top:70px;">
                                <div class="datetime" style="float:right"><span>年</span><span>月</span><span>日</span></div>负责人签名：
                            </div>
                        </div>
                    </td>
                    <td colspan="2" >
                        <div>
                            企业安检结论:
                            <div>(&nbsp;&nbsp;) 1.审查合格</div>
                            <div>(&nbsp;&nbsp;) 2.审查不合格；整改期限 (&nbsp;&nbsp;&nbsp;&nbsp;) 天。</div>
                            <div>(&nbsp;&nbsp;) 3.补审合格。</div>
                            <div class="datetime" style="margin-top:10px;"><span>年</span><span>月</span><span>日</span></div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td colspan="5">注：此表年审结束后行业管理部门留存原件，企业保留复印件作为车辆技术档案重要资料。</td>
                </tr>
            </table>
            <div class="table-info" style="text-align:right;">西安市出租汽车管理监制处 </div>
        </div>
    </el-scrollbar>

</div>
</template>
<script>
export default {
    data(){
        return {
            form:{
                test:'',
                carid:'123',
                cartype:'123',
                starttime:'2019年10月01日',
                endtime:'2019年10月23日',
                check1:[],
                check2:[],
                check3:[],
                check4:[],
                check5:[],
                check6:[],
                check7:[],
                check8:[],
                check9:[],
                check10:[],
                check11:[]
            },
            select:{
                carids:[],
                types:[]
            }
        }
    },
    components:{
    },
    mounted(){
        
    },
    methods:{
        

    }
}
</script>
<style lang="scss">
.printtable{
    width:700px;margin:0 auto;font-size:16px;
    h3{line-height: 35px;text-align: center;padding:10px;}
    .table-info{line-height: 30px;padding:0 5px;}
    table{width:100%;border-collapse:collapse;border-spacing: 0px;
        td{border:1px solid #000;padding:6px 10px;font-size: 12px;
            div{line-height: 24px;}
        }
        .font-bold{font-weight: bold}
        .datetime{text-align: right;
            span{margin-left:20px;}
        }
    }
}
</style>